import 'dart:async';

import 'package:enjoy_plus_bryant/utils/eventbus.dart';
import 'package:enjoy_plus_bryant/utils/http.dart';
import 'package:enjoy_plus_bryant/utils/toast.dart';
import 'package:enjoy_plus_bryant/utils/token.dart';
import 'package:flutter/material.dart';

class LoginPage extends StatefulWidget {
  const LoginPage({super.key});

  @override
  State<LoginPage> createState() => _LoginPageState();
}

class _LoginPageState extends State<LoginPage> {
  // 1.获取短信验证码倒计时
  int _countDown = 10;
  bool _isCountDown = false;
  Timer? _timer;
  // 2. 定义倒计时方法，开启倒计时
  void _startCountDown() {
    // 2.1 如果正在倒计时，则返回
    if (_isCountDown) return;
    // 2.2 创建倒计时计时器
    _isCountDown = true;
    _timer = Timer.periodic(const Duration(seconds: 1), (timer) {
      // 2.3 倒计时减1
      setState(() {
        _countDown--;
      });
      // 2.4 如果倒计时结束，则停止计时器
      if (_countDown == 0) {
        // 2.5 停止计时器
        _timer?.cancel();
        // 2.6 重置倒计时
        setState(() {
          _countDown = 10;
        });
        // 2.7 重置倒计时状态
        _isCountDown = false;
      }
    });
  }

  // 3.定义两个控制器，获取输入框中的值
  final TextEditingController _phoneController = TextEditingController(); // 手机号
  final TextEditingController _codeController = TextEditingController(); // 验证码

  // 4. 点击获取短信验证码
  void _getCode() async {
    // 4.1 获取手机号 - 输入框中的值
    String phone = _phoneController.text;
    // 4.2 对手机号校验（非空， 正则）
    if (phone.isEmpty) {
      return ToastUtil.showError('请输入手机号');
    }
    RegExp regExp = RegExp(r'^1[3-9]\d{9}$');
    if (!regExp.hasMatch(phone)) {
      return ToastUtil.showError('手机号格式不正确');
    }
    // 4.3 调接口获取验证码
    var res = await http.get(
      '/code',
      params: {'mobile': _phoneController.text},
    );
    if (res['code'] != 10000) return ToastUtil.showError('获取验证码失败');
    ToastUtil.showSuccess('验证码已发送');
    // 4.4 开始倒计时
    _startCountDown();
    // 4.5 将验证码回显到验证码输入框中
    // 延迟执行
    Future.delayed(const Duration(seconds: 2), () {
      _codeController.text = res['data']['code'];
    });
  }

  // 5. 点击登录按钮
  void _submit() async {
    // 5.1 获取手机号 - 输入框中的值
    String phone = _phoneController.text;
    // 5.2 获取验证码 - 输入框中的值
    String code = _codeController.text;
    // 5.3 对手机号和验证码进行校验（非空）
    if (phone.isEmpty || code.isEmpty) {
      return ToastUtil.showError('请输入手机号和验证码');
    }
    // 手机号验证码格式校验
    RegExp regExp = RegExp(r'^1[3-9]\d{9}$');
    if (!regExp.hasMatch(phone)) {
      return ToastUtil.showError('手机号格式不正确');
    }
    if (code.length != 6) {
      return ToastUtil.showError('验证码格式不正确');
    }
    RegExp regExp2 = RegExp(r'^\d{6}$');
    if (!regExp2.hasMatch(code)) {
      return ToastUtil.showError('验证码格式不正确');
    }

    // 3.3 调用登录接口
    var res = await http.post('/login', data: {'mobile': phone, 'code': code});
    print(res);
    if (res['code'] != 10000) return ToastUtil.showError('登录失败');
    // 3.4 存储token
    TokenManager().saveToken(res['data']['token']);
    ToastUtil.showSuccess('登录成功');

    // 3.5 返回到上一页
    _timer!.cancel(); // 注意清除定时器
    // 3.6 刷新用户信息事件注册，通知mine页监听执行
    eventBus.fire(RefreshUserInfoEvent());
    // 3.7 注册刷新房屋列表事件
    eventBus.fire(RefreshHouseListPageEvent());
    Navigator.pop(context);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      appBar: AppBar(
        title: const Text('登录'),
        backgroundColor: Colors.transparent,
        centerTitle: true,
        // 返回
        // leading: IconButton(
        //   icon: const Icon(Icons.arrow_back_ios_new),
        //   onPressed: () {
        //     Navigator.pop(context);
        //     //
        //     eventBus.fire(LogoutRefresh());
        //   },
        // ),
      ),
      body: Container(
        padding: const EdgeInsets.all(20),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.start,
          children: [
            const Row(
              children: [
                Text(
                  '登录',
                  style: TextStyle(fontSize: 25, fontWeight: FontWeight.bold),
                ),
              ],
            ),
            const SizedBox(height: 10),
            const Row(
              children: [Text('加入享+, 让生活更轻松', style: TextStyle(fontSize: 15))],
            ),
            const SizedBox(height: 30),
            Row(
              crossAxisAlignment: CrossAxisAlignment.center,
              children: [
                Expanded(
                  child: TextField(
                    controller: _phoneController,
                    keyboardType: TextInputType.phone, // 设置键盘类型为手机号 - 安卓模拟器中可看
                    maxLength: 11, // 限制输入长度
                    decoration: InputDecoration(
                      labelText: '手机号',
                      hintText: '请输入手机号',
                    ),
                  ),
                ),
                ElevatedButton(
                  style: ElevatedButton.styleFrom(
                    backgroundColor: Colors.white,
                    shadowColor: Colors.transparent,
                    foregroundColor: const Color.fromARGB(255, 85, 145, 175),
                    minimumSize: const Size(100, 50),
                  ),
                  onPressed: () {
                    _getCode();
                  },
                  child: _isCountDown
                      ? Text(
                          '$_countDown秒后重新获取',
                          style: const TextStyle(color: Colors.grey),
                        )
                      : Text('获取验证码'),
                ),
              ],
            ),
            const SizedBox(height: 8),
            TextField(
              controller: _codeController,
              keyboardType: TextInputType.number,
              maxLength: 6,
              decoration: InputDecoration(
                labelText: '验证码',
                hintText: '请输入6位验证码',
              ),
            ),
            const SizedBox(height: 8),
            const Row(
              children: [
                Text(
                  '未注册手机号经验证后将自动登录',
                  style: TextStyle(fontSize: 12, color: Colors.grey),
                ),
              ],
            ),
            const SizedBox(height: 50),
            Row(
              children: [
                Expanded(
                  child: ElevatedButton(
                    style: ElevatedButton.styleFrom(
                      backgroundColor: const Color.fromARGB(255, 85, 145, 175),
                      minimumSize: const Size(100, 50),
                    ),
                    onPressed: () {
                      _submit();
                    },
                    child: const Text(
                      '登录',
                      style: TextStyle(color: Colors.white, fontSize: 20),
                    ),
                  ),
                ),
              ],
            ),
          ],
        ),
      ),
    );
  }
}
